<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>社区党建</title>
    <!--加载渲染，提供参数-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/community-parting.css"/>
</head>
<body>
<div id="home">
    <div class="container-fluid">



        <!--主体部分-->
        <div class="row body">

            <!--主体的第一层部分-->
            <div class="row body-top">

                    <!--主体的第一层部分的左边部分-->
                    <div class="col-md-4 col-sm-4 body-left">
                        <div class="row body-left-first">
                            <span>1</span>
                            <span>8</span>
                            <span>8</span>
                            <span>8</span>
                        </div>
                    </div>

                    <!--主体的第一层部分的中间部分-->
                    <div class="col-md-4 col-sm-4 body-middle">
                        <div id="map" class="map"></div>
                        <div class="row body-middle-down">党&nbsp;员&nbsp;籍&nbsp;贯&nbsp;详&nbsp;情</div>
                    </div>

                    <!--主体的第一层部分的右边部分-->
                    <div class="col-md-4 col-sm-4 body-right">
                        <div class="row body-right-first">
                            <div class="col-md-6 body-right-first-title">党&nbsp;员&nbsp;查&nbsp;找</div>
                            <div class="col-md-6 body-right-first-content">通&nbsp;过&nbsp;以&nbsp;下&nbsp;搜&nbsp;索&nbsp;可&nbsp;快&nbsp;速&nbsp;找&nbsp;到&nbsp;党&nbsp;员&nbsp;的&nbsp;详&nbsp;细&nbsp;信&nbsp;息&nbsp;数&nbsp;据</div>
                        </div>
                        <div class="row body-right-second">
                            <input class="body-right-second-search" type="text" placeholder="输入乡镇、村组、姓名进行搜索"/>
                        </div>
                        <div class="row body-right-third">
                            <div class="body-left-third-table">
                            <table class="table">
                                <tr >
                                    <th>姓名</th>
                                    <th>性别</th>
                                    <th>年龄</th>
                                    <th>身份证号</th>
                                    <th>住址</th>
                                </tr>
                                <tr>
                                    <td>李贺龙</td>
                                    <td>男</td>
                                    <td>65</td>
                                    <td>5125341952xxxx0213</td>
                                    <td>兴文县太平镇高山岩村二组</td>
                                </tr>
                                <tr>
                                    <td>李贺龙</td>
                                    <td>男</td>
                                    <td>65</td>
                                    <td>5125341952xxxx0213</td>
                                    <td>兴文县太平镇高山岩村二组</td>
                                </tr>
                                <tr>
                                    <td>李贺龙</td>
                                    <td>男</td>
                                    <td>65</td>
                                    <td>5125341952xxxx0213</td>
                                    <td>兴文县太平镇高山岩村二组</td>
                                </tr>
                                <tr>
                                    <td>李贺龙</td>
                                    <td>男</td>
                                    <td>65</td>
                                    <td>5125341952xxxx0213</td>
                                    <td>兴文县太平镇高山岩村二组</td>
                                </tr>
                                <tr>
                                    <td>李贺龙</td>
                                    <td>男</td>
                                    <td>65</td>
                                    <td>5125341952xxxx0213</td>
                                    <td>兴文县太平镇高山岩村二组</td>
                                </tr>
                                <tr>
                                    <td>李贺龙</td>
                                    <td>男</td>
                                    <td>65</td>
                                    <td>5125341952xxxx0213</td>
                                    <td>兴文县太平镇高山岩村二组</td>
                                </tr>

                            </table>
                            </div>
                        </div>
                    </div>

            </div>
            <!--主体的第一层部分-->


            <!--主体的第二层部分-->

            <div class="row body-down">

                    <!--主体的第二层部分的左边部分-->
                    <div id="body-down-left" class="col-md-4 col-sm-4 body-down-left">

                    </div>

                    <!--主体的第二层部分的中间部分-->
                    <div id="body-down-middle" class="col-md-4 col-sm-4 body-down-middle">

                    </div>

                    <!--主体的第二层部分的右边部分-->
                    <div id="body-down-right" class="col-md-4 col-sm-4 body-down-right">

                    </div>

            </div>
            <!--主体的第二层部分-->

            <!--footer显示部分-->
            <div class="row footer">
                宜&nbsp;宾&nbsp;市&nbsp;拓&nbsp;慧&nbsp;信&nbsp;息&nbsp;科&nbsp;技&nbsp;有&nbsp;限&nbsp;公&nbsp;司&nbsp;提&nbsp;供&nbsp;技&nbsp;术&nbsp;支&nbsp;持
            </div>
            <!--footer显示部分-->

        </div>
        <!--主体部分-->


    </div>
</div>
<script src="js/jquery.min.js" rel="script"></script>
<script src="https://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/echarts.js" type="text/javascript"></script>
<script src="js/community-parting.js" type="text/javascript"></script>
<script src="js/map.js"></script>
</body>
</html>